@charset 'utf-8';
// 颜色
$white: #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #000 !default;
$bg-color: #2f4050 !global;
$bg-color-content: #e6e9f2 !default;
$text-color: #666666 !default;
$text-color-bold: #333333 !default;
$text-disabled: #cccccc !default;
$text-active: #3281fa !default;
$text-success: #70c23a !default;
$text-error: #f56c6c !default;
$bg-layout: $white !default;
$header-color: #3a58b9;
$header-active-color: #304dac;
$text-fs: 14px;
$header-h: 60px;
$main-padding: 20px;
$color-primary: #151f38;
$btn-primary: #4b71eb; //#626675
$sideBarWidth: 240px;
$menuText: #ffffff99;
$menuActiveText: #fff;
$subMenuActiveText: #fff; // https://github.com/ElemeFE/element/issues/12951

$menuBg: #1e253d; //#3A58B9  //#304DAC //#409EFF
$menuHover: #171e36;

$subMenuBg: #171e36;
$subMenuHover: #171e36;

:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}

.ml5 {
  margin-left: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb50 {
  margin-bottom: 50px;
}

.w200 {
  width: 200px;
}

.w250 {
  width: 250px;
}

.w300 {
  width: 300px;
}

.h50 {
  height: 50px;
}

.h60 {
  height: 60px;
}

.h100 {
  height: 100px;
}

.vertical-middle {
  display: inline-block;
  vertical-align: middle;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

// color
.color-666 {
  color: $text-color;
}

.error {
  color: $text-error;
}

.success {
  color: $text-success;
}

// cursor: point
.cursor-point {
  cursor: pointer;
}

// 字体

.f14 {
  font-size: $text-fs;
}

// 文字位置
.txt-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}